<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1096158" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xeb6d;</span>
                <div class="name">上箭头</div>
                <div class="code-name">&amp;#xeb6d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe90f;</span>
                <div class="name">信</div>
                <div class="code-name">&amp;#xe90f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">后退</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">删 除</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">商店</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">汽车</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">汽车</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">地址</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">礼品</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">关 闭</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e0;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe6e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">朋友圈</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">点赞</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">阅读量</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">收 藏</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">点赞</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">写</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">消息 默认 </div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">收 藏 (1)</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">消 息</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">心 爱心</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">心 爱心</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">升级</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">爱心</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">收回</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">展开</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">健身 (3)</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">运动健身icon</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">审批</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">沙漏</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">沙漏</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">日历</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">心 爱心</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">我 的</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">后退</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">详情</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">相机</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">成员</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">就业帮扶</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
                <div class="name">困难帮扶</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">公益帮扶老人</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">精准帮扶</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">帮扶资金</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">隐藏详情</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">隐藏详情</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">页面通用-内容展开</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">兑换码</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe763;</span>
                <div class="name">活动</div>
                <div class="code-name">&amp;#xe763;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">亲友圈</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">兑换码</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">婴儿</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">新婚日历</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">育儿婴儿baby-奶瓶feeding b</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">健身</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">观影</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">家人</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">关于</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">修改密码</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">前进</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">积分</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">修改</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">进行中</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">进行中</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">后退</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">浏览次数</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">礼品</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">锁子</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">伙伴祝福</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">法律法规</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">架构</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">首页-选中</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">祝福</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">工会</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe961;</span>
                <div class="name">俱乐部活动</div>
                <div class="code-name">&amp;#xe961;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">活动</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">政策</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">我 的</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">互动中心</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">个人中心 - 选中</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">发布</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e3;</span>
                <div class="name">财务报表</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">留言祝福</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">精彩活动</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
                <div class="name">DPI-预算管理</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">职工之家</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">俱乐部</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">俱乐部管理</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">采集信息统计</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">预报到信息统计</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">特殊分娩慰问金</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">我的信息</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">家访慰问</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">新闻</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">慰问</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">发布</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">评优</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">新闻</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70b;</span>
                <div class="name">调整</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">预算管理</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">审批</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">付款审批</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">发布</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">审批</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">我的-通知设置</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">申请</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">事物申请</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">发布</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fc;</span>
                <div class="name">我的信息</div>
                <div class="code-name">&amp;#xe7fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">登录-会员</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">新闻</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe842;</span>
                <div class="name">付款申请</div>
                <div class="code-name">&amp;#xe842;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">权限</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">法规</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">角色</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71b;</span>
                <div class="name">角色菜单</div>
                <div class="code-name">&amp;#xe71b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">职工之家</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">法规查询</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">调整</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
                <div class="name">我的信息-</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
                <div class="name">企业员工</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">我的问卷</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">我的活动</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">发布</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">俱乐部</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">审批</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">审批</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
                <div class="name">问卷调查</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">俱乐部</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">法规</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe759;</span>
                <div class="name">系统管理</div>
                <div class="code-name">&amp;#xe759;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">精彩活动</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">D系统管理</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">新闻</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">问卷调查</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">新闻</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77a;</span>
                <div class="name">组织架构</div>
                <div class="code-name">&amp;#xe77a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">精彩活动</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">角色</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">系统管理</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">俱乐部</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">法规@1x</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">新闻</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d1;</span>
                <div class="name">组织架构</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">系统管理</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe93b;</span>
                <div class="name">我的活动</div>
                <div class="code-name">&amp;#xe93b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">组织架构</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">新闻</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">企业维护</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">查询</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">资源管理系统运维</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">我的-通知</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">财务报表</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">角色菜单管理</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">申请 copy</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">俱乐部卡</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">新闻</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">我的申请</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">系统管理</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">发布</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">发布</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">帮扶申请</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">俱乐部</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">低保慰问</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">我的活动</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">帮扶申请</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">慰问管理_所领导</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">慰问管理_管理员</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">慰问管理_内勤</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">登录-会员名-灰</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">银行付款回单-01</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">低保慰问</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">资源管理系统运维</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">问卷调查</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">查询</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">审批</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">04 评先评优</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">04 评先评优</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">审批</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">申请</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">帮扶管理</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">精彩活动</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">付款申请</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">写祝福</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">发布</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">职工-正式员工</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">积分发放</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-shangjiantou"></span>
            <div class="name">
              上箭头
            </div>
            <div class="code-name">.icon-shangjiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiajiantou"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.icon-xiajiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xin1"></span>
            <div class="name">
              信
            </div>
            <div class="code-name">.icon-xin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiang1"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-fenxiang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-houtui2"></span>
            <div class="name">
              后退
            </div>
            <div class="code-name">.icon-houtui2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删 除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangdian"></span>
            <div class="name">
              商店
            </div>
            <div class="code-name">.icon-shangdian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiche"></span>
            <div class="name">
              汽车
            </div>
            <div class="code-name">.icon-qiche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiche-copy"></span>
            <div class="name">
              汽车
            </div>
            <div class="code-name">.icon-qiche-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dizhi"></span>
            <div class="name">
              地址
            </div>
            <div class="code-name">.icon-dizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lipin1"></span>
            <div class="name">
              礼品
            </div>
            <div class="code-name">.icon-lipin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanbi"></span>
            <div class="name">
              关 闭
            </div>
            <div class="code-name">.icon-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixin1"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon-weixin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixin"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon-weixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pengyouquan"></span>
            <div class="name">
              朋友圈
            </div>
            <div class="code-name">.icon-pengyouquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zan"></span>
            <div class="name">
              点赞
            </div>
            <div class="code-name">.icon-zan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yueduliang"></span>
            <div class="name">
              阅读量
            </div>
            <div class="code-name">.icon-yueduliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucang2"></span>
            <div class="name">
              收 藏
            </div>
            <div class="code-name">.icon-shoucang2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianzan"></span>
            <div class="name">
              点赞
            </div>
            <div class="code-name">.icon-dianzan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xie-copy"></span>
            <div class="name">
              写
            </div>
            <div class="code-name">.icon-xie-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiang"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-fenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoximorencopy"></span>
            <div class="name">
              消息 默认 
            </div>
            <div class="code-name">.icon-xiaoximorencopy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucang"></span>
            <div class="name">
              收 藏 (1)
            </div>
            <div class="code-name">.icon-shoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxi1"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon-xiaoxi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxi"></span>
            <div class="name">
              消 息
            </div>
            <div class="code-name">.icon-xiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-unif044"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-unif044
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinaixin1"></span>
            <div class="name">
              心 爱心
            </div>
            <div class="code-name">.icon-xinaixin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinaixin"></span>
            <div class="name">
              心 爱心
            </div>
            <div class="code-name">.icon-xinaixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengji"></span>
            <div class="name">
              升级
            </div>
            <div class="code-name">.icon-shengji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibiaoti-"></span>
            <div class="name">
              爱心
            </div>
            <div class="code-name">.icon-weibiaoti-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhankai-copy"></span>
            <div class="name">
              收回
            </div>
            <div class="code-name">.icon-zhankai-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhankai"></span>
            <div class="name">
              展开
            </div>
            <div class="code-name">.icon-zhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianshen"></span>
            <div class="name">
              健身 (3)
            </div>
            <div class="code-name">.icon-jianshen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yundongjianshenicon"></span>
            <div class="name">
              运动健身icon
            </div>
            <div class="code-name">.icon-yundongjianshenicon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon02"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.icon-icon02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenpi6"></span>
            <div class="name">
              审批
            </div>
            <div class="code-name">.icon-shenpi6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shalou1"></span>
            <div class="name">
              沙漏
            </div>
            <div class="code-name">.icon-shalou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shalou"></span>
            <div class="name">
              沙漏
            </div>
            <div class="code-name">.icon-shalou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rili"></span>
            <div class="name">
              日历
            </div>
            <div class="code-name">.icon-rili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xin"></span>
            <div class="name">
              心 爱心
            </div>
            <div class="code-name">.icon-xin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wode1"></span>
            <div class="name">
              我 的
            </div>
            <div class="code-name">.icon-wode1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-houtui1"></span>
            <div class="name">
              后退
            </div>
            <div class="code-name">.icon-houtui1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangqing"></span>
            <div class="name">
              详情
            </div>
            <div class="code-name">.icon-xiangqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangji"></span>
            <div class="name">
              相机
            </div>
            <div class="code-name">.icon-xiangji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengyuan"></span>
            <div class="name">
              成员
            </div>
            <div class="code-name">.icon-chengyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-_"></span>
            <div class="name">
              就业帮扶
            </div>
            <div class="code-name">.icon-_
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kunnanbangfu"></span>
            <div class="name">
              困难帮扶
            </div>
            <div class="code-name">.icon-kunnanbangfu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongyibangfulaoren"></span>
            <div class="name">
              公益帮扶老人
            </div>
            <div class="code-name">.icon-gongyibangfulaoren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingzhunbangfu"></span>
            <div class="name">
              精准帮扶
            </div>
            <div class="code-name">.icon-jingzhunbangfu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bangfuzijin"></span>
            <div class="name">
              帮扶资金
            </div>
            <div class="code-name">.icon-bangfuzijin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yincangxiangqing"></span>
            <div class="name">
              隐藏详情
            </div>
            <div class="code-name">.icon-yincangxiangqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yemiantongyong-neirongyincang"></span>
            <div class="name">
              隐藏详情
            </div>
            <div class="code-name">.icon-yemiantongyong-neirongyincang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yemiantongyong-neirongzhankai"></span>
            <div class="name">
              页面通用-内容展开
            </div>
            <div class="code-name">.icon-yemiantongyong-neirongzhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huabanfuben"></span>
            <div class="name">
              兑换码
            </div>
            <div class="code-name">.icon-huabanfuben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huodong1"></span>
            <div class="name">
              活动
            </div>
            <div class="code-name">.icon-huodong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuan_"></span>
            <div class="name">
              亲友圈
            </div>
            <div class="code-name">.icon-ziyuan_
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duihuanma"></span>
            <div class="name">
              兑换码
            </div>
            <div class="code-name">.icon-duihuanma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinger"></span>
            <div class="name">
              婴儿
            </div>
            <div class="code-name">.icon-yinger
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinhunrili"></span>
            <div class="name">
              新婚日历
            </div>
            <div class="code-name">.icon-xinhunrili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yueryingerbaby-naipingfeedingb"></span>
            <div class="name">
              育儿婴儿baby-奶瓶feeding b
            </div>
            <div class="code-name">.icon-yueryingerbaby-naipingfeedingb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sport"></span>
            <div class="name">
              健身
            </div>
            <div class="code-name">.icon-sport
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanying"></span>
            <div class="name">
              观影
            </div>
            <div class="code-name">.icon-guanying
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaren"></span>
            <div class="name">
              家人
            </div>
            <div class="code-name">.icon-jiaren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanyu"></span>
            <div class="name">
              关于
            </div>
            <div class="code-name">.icon-guanyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuichu"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.icon-tuichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-password"></span>
            <div class="name">
              修改密码
            </div>
            <div class="code-name">.icon-password
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qianjin"></span>
            <div class="name">
              前进
            </div>
            <div class="code-name">.icon-qianjin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jifen"></span>
            <div class="name">
              积分
            </div>
            <div class="code-name">.icon-jifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiugai"></span>
            <div class="name">
              修改
            </div>
            <div class="code-name">.icon-xiugai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinhangzhong"></span>
            <div class="name">
              进行中
            </div>
            <div class="code-name">.icon-jinhangzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinhangzhong1"></span>
            <div class="name">
              进行中
            </div>
            <div class="code-name">.icon-jinhangzhong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-houtui"></span>
            <div class="name">
              后退
            </div>
            <div class="code-name">.icon-houtui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liulancishu"></span>
            <div class="name">
              浏览次数
            </div>
            <div class="code-name">.icon-liulancishu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lipin"></span>
            <div class="name">
              礼品
            </div>
            <div class="code-name">.icon-lipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-suozi"></span>
            <div class="name">
              锁子
            </div>
            <div class="code-name">.icon-suozi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hbzf"></span>
            <div class="name">
              伙伴祝福
            </div>
            <div class="code-name">.icon-hbzf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-falvfagui"></span>
            <div class="name">
              法律法规
            </div>
            <div class="code-name">.icon-falvfagui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiagou"></span>
            <div class="name">
              架构
            </div>
            <div class="code-name">.icon-jiagou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yemian-copy-copy"></span>
            <div class="name">
              首页-选中
            </div>
            <div class="code-name">.icon-yemian-copy-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhufu"></span>
            <div class="name">
              祝福
            </div>
            <div class="code-name">.icon-zhufu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gonghui"></span>
            <div class="name">
              工会
            </div>
            <div class="code-name">.icon-gonghui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-julebuhuodong"></span>
            <div class="name">
              俱乐部活动
            </div>
            <div class="code-name">.icon-julebuhuodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huodong"></span>
            <div class="name">
              活动
            </div>
            <div class="code-name">.icon-huodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhengce"></span>
            <div class="name">
              政策
            </div>
            <div class="code-name">.icon-zhengce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wode"></span>
            <div class="name">
              我 的
            </div>
            <div class="code-name">.icon-wode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hudongzhongxin"></span>
            <div class="name">
              互动中心
            </div>
            <div class="code-name">.icon-hudongzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gerenzhongxin-xuanzhong"></span>
            <div class="name">
              个人中心 - 选中
            </div>
            <div class="code-name">.icon-gerenzhongxin-xuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fabu"></span>
            <div class="name">
              发布
            </div>
            <div class="code-name">.icon-fabu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caiwubaobiao"></span>
            <div class="name">
              财务报表
            </div>
            <div class="code-name">.icon-caiwubaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liuyanzhufu"></span>
            <div class="name">
              留言祝福
            </div>
            <div class="code-name">.icon-liuyanzhufu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingcaihuodong"></span>
            <div class="name">
              精彩活动
            </div>
            <div class="code-name">.icon-jingcaihuodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yusuanguanli"></span>
            <div class="name">
              DPI-预算管理
            </div>
            <div class="code-name">.icon-yusuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon"></span>
            <div class="name">
              职工之家
            </div>
            <div class="code-name">.icon-icon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-club"></span>
            <div class="name">
              俱乐部
            </div>
            <div class="code-name">.icon-club
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-julebuguanli"></span>
            <div class="name">
              俱乐部管理
            </div>
            <div class="code-name">.icon-julebuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caijixinxitongji"></span>
            <div class="name">
              采集信息统计
            </div>
            <div class="code-name">.icon-caijixinxitongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yubaodaoxinxitongji"></span>
            <div class="name">
              预报到信息统计
            </div>
            <div class="code-name">.icon-yubaodaoxinxitongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-teshufenmianweiwenjin"></span>
            <div class="name">
              特殊分娩慰问金
            </div>
            <div class="code-name">.icon-teshufenmianweiwenjin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibiaoti3"></span>
            <div class="name">
              我的信息
            </div>
            <div class="code-name">.icon-weibiaoti3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiafangweiwen"></span>
            <div class="name">
              家访慰问
            </div>
            <div class="code-name">.icon-jiafangweiwen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1xinwen"></span>
            <div class="name">
              新闻
            </div>
            <div class="code-name">.icon-1xinwen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weiwen"></span>
            <div class="name">
              慰问
            </div>
            <div class="code-name">.icon-weiwen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fabu1"></span>
            <div class="name">
              发布
            </div>
            <div class="code-name">.icon-fabu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingyou"></span>
            <div class="name">
              评优
            </div>
            <div class="code-name">.icon-pingyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinwen"></span>
            <div class="name">
              新闻
            </div>
            <div class="code-name">.icon-xinwen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ccgl-shuxingtiaozheng-9"></span>
            <div class="name">
              调整
            </div>
            <div class="code-name">.icon-ccgl-shuxingtiaozheng-9
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yusuanguanli1"></span>
            <div class="name">
              预算管理
            </div>
            <div class="code-name">.icon-yusuanguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenpi"></span>
            <div class="name">
              审批
            </div>
            <div class="code-name">.icon-shenpi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tubiaozhizuomoban"></span>
            <div class="name">
              付款审批
            </div>
            <div class="code-name">.icon-tubiaozhizuomoban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fabu2"></span>
            <div class="name">
              发布
            </div>
            <div class="code-name">.icon-fabu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenpi1"></span>
            <div class="name">
              审批
            </div>
            <div class="code-name">.icon-shenpi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wode-tongzhishezhi"></span>
            <div class="name">
              我的-通知设置
            </div>
            <div class="code-name">.icon-wode-tongzhishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenqing"></span>
            <div class="name">
              申请
            </div>
            <div class="code-name">.icon-shenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shiwushenqing"></span>
            <div class="name">
              事物申请
            </div>
            <div class="code-name">.icon-shiwushenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fabu3"></span>
            <div class="name">
              发布
            </div>
            <div class="code-name">.icon-fabu3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodexinxi"></span>
            <div class="name">
              我的信息
            </div>
            <div class="code-name">.icon-wodexinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-denglu-huiyuan"></span>
            <div class="name">
              登录-会员
            </div>
            <div class="code-name">.icon-denglu-huiyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinwen1"></span>
            <div class="name">
              新闻
            </div>
            <div class="code-name">.icon-xinwen1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fukuanshenqing"></span>
            <div class="name">
              付款申请
            </div>
            <div class="code-name">.icon-fukuanshenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanxian"></span>
            <div class="name">
              权限
            </div>
            <div class="code-name">.icon-quanxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fagui"></span>
            <div class="name">
              法规
            </div>
            <div class="code-name">.icon-fagui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaose"></span>
            <div class="name">
              角色
            </div>
            <div class="code-name">.icon-jiaose
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-drxx03"></span>
            <div class="name">
              角色菜单
            </div>
            <div class="code-name">.icon-drxx03
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhigongzhijia"></span>
            <div class="name">
              职工之家
            </div>
            <div class="code-name">.icon-zhigongzhijia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-faguichaxun"></span>
            <div class="name">
              法规查询
            </div>
            <div class="code-name">.icon-faguichaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiaozheng"></span>
            <div class="name">
              调整
            </div>
            <div class="code-name">.icon-tiaozheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodexinxi-"></span>
            <div class="name">
              我的信息-
            </div>
            <div class="code-name">.icon-wodexinxi-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyeyuangong"></span>
            <div class="name">
              企业员工
            </div>
            <div class="code-name">.icon-qiyeyuangong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodewenjuan"></span>
            <div class="name">
              我的问卷
            </div>
            <div class="code-name">.icon-wodewenjuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodehuodong"></span>
            <div class="name">
              我的活动
            </div>
            <div class="code-name">.icon-wodehuodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hebingxingzhuang"></span>
            <div class="name">
              发布
            </div>
            <div class="code-name">.icon-hebingxingzhuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-julebu"></span>
            <div class="name">
              俱乐部
            </div>
            <div class="code-name">.icon-julebu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenpi2"></span>
            <div class="name">
              审批
            </div>
            <div class="code-name">.icon-shenpi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenpi3"></span>
            <div class="name">
              审批
            </div>
            <div class="code-name">.icon-shenpi3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjuantiaocha"></span>
            <div class="name">
              问卷调查
            </div>
            <div class="code-name">.icon-wenjuantiaocha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jlb"></span>
            <div class="name">
              俱乐部
            </div>
            <div class="code-name">.icon-jlb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fagui1"></span>
            <div class="name">
              法规
            </div>
            <div class="code-name">.icon-fagui1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sysManage"></span>
            <div class="name">
              系统管理
            </div>
            <div class="code-name">.icon-sysManage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingcaihuodong1"></span>
            <div class="name">
              精彩活动
            </div>
            <div class="code-name">.icon-jingcaihuodong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanli"></span>
            <div class="name">
              D系统管理
            </div>
            <div class="code-name">.icon-guanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinwen2"></span>
            <div class="name">
              新闻
            </div>
            <div class="code-name">.icon-xinwen2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjuantiaocha-"></span>
            <div class="name">
              问卷调查
            </div>
            <div class="code-name">.icon-wenjuantiaocha-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiwenxinxi"></span>
            <div class="name">
              新闻
            </div>
            <div class="code-name">.icon-xiwenxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuzhijiagou"></span>
            <div class="name">
              组织架构
            </div>
            <div class="code-name">.icon-zuzhijiagou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingcaihuodong2"></span>
            <div class="name">
              精彩活动
            </div>
            <div class="code-name">.icon-jingcaihuodong2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaose1"></span>
            <div class="name">
              角色
            </div>
            <div class="code-name">.icon-jiaose1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitongguanli"></span>
            <div class="name">
              系统管理
            </div>
            <div class="code-name">.icon-xitongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-julebu1"></span>
            <div class="name">
              俱乐部
            </div>
            <div class="code-name">.icon-julebu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-faguix"></span>
            <div class="name">
              法规@1x
            </div>
            <div class="code-name">.icon-faguix
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanbuxinwen"></span>
            <div class="name">
              新闻
            </div>
            <div class="code-name">.icon-quanbuxinwen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuzhijiagou1"></span>
            <div class="name">
              组织架构
            </div>
            <div class="code-name">.icon-zuzhijiagou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitongguanli1"></span>
            <div class="name">
              系统管理
            </div>
            <div class="code-name">.icon-xitongguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodehuodong1"></span>
            <div class="name">
              我的活动
            </div>
            <div class="code-name">.icon-wodehuodong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuzhijiagou2"></span>
            <div class="name">
              组织架构
            </div>
            <div class="code-name">.icon-zuzhijiagou2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-juejinlianmengappyihuifu-"></span>
            <div class="name">
              新闻
            </div>
            <div class="code-name">.icon-juejinlianmengappyihuifu-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyeweihu"></span>
            <div class="name">
              企业维护
            </div>
            <div class="code-name">.icon-qiyeweihu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaxun"></span>
            <div class="name">
              查询
            </div>
            <div class="code-name">.icon-chaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuanguanlixitongyunwei"></span>
            <div class="name">
              资源管理系统运维
            </div>
            <div class="code-name">.icon-ziyuanguanlixitongyunwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wode-tongzhi"></span>
            <div class="name">
              我的-通知
            </div>
            <div class="code-name">.icon-wode-tongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caiwubaobiao1"></span>
            <div class="name">
              财务报表
            </div>
            <div class="code-name">.icon-caiwubaobiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaosecaidanguanli"></span>
            <div class="name">
              角色菜单管理
            </div>
            <div class="code-name">.icon-jiaosecaidanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenqingcopy1"></span>
            <div class="name">
              申请 copy
            </div>
            <div class="code-name">.icon-shenqingcopy1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-julebuqia"></span>
            <div class="name">
              俱乐部卡
            </div>
            <div class="code-name">.icon-julebuqia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinwen3"></span>
            <div class="name">
              新闻
            </div>
            <div class="code-name">.icon-xinwen3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodeshenqing"></span>
            <div class="name">
              我的申请
            </div>
            <div class="code-name">.icon-wodeshenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitongguanli2"></span>
            <div class="name">
              系统管理
            </div>
            <div class="code-name">.icon-xitongguanli2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fabu4"></span>
            <div class="name">
              发布
            </div>
            <div class="code-name">.icon-fabu4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuan"></span>
            <div class="name">
              发布
            </div>
            <div class="code-name">.icon-ziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bangfushenqing"></span>
            <div class="name">
              帮扶申请
            </div>
            <div class="code-name">.icon-bangfushenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-julebu2"></span>
            <div class="name">
              俱乐部
            </div>
            <div class="code-name">.icon-julebu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianminfuwu1"></span>
            <div class="name">
              低保慰问
            </div>
            <div class="code-name">.icon-bianminfuwu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodehuodong2"></span>
            <div class="name">
              我的活动
            </div>
            <div class="code-name">.icon-wodehuodong2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bangfushenqing1"></span>
            <div class="name">
              帮扶申请
            </div>
            <div class="code-name">.icon-bangfushenqing1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weiwenguanli_suolingdao"></span>
            <div class="name">
              慰问管理_所领导
            </div>
            <div class="code-name">.icon-weiwenguanli_suolingdao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weiwenguanli_guanliyuan"></span>
            <div class="name">
              慰问管理_管理员
            </div>
            <div class="code-name">.icon-weiwenguanli_guanliyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weiwenguanli_neiqin"></span>
            <div class="name">
              慰问管理_内勤
            </div>
            <div class="code-name">.icon-weiwenguanli_neiqin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan1"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.icon-caidan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-denglu-huiyuanming-hui"></span>
            <div class="name">
              登录-会员名-灰
            </div>
            <div class="code-name">.icon-denglu-huiyuanming-hui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinhangfukuanhuidan-"></span>
            <div class="name">
              银行付款回单-01
            </div>
            <div class="code-name">.icon-yinhangfukuanhuidan-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dibaoweiwen"></span>
            <div class="name">
              低保慰问
            </div>
            <div class="code-name">.icon-dibaoweiwen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuanguanlixitongyunwei1"></span>
            <div class="name">
              资源管理系统运维
            </div>
            <div class="code-name">.icon-ziyuanguanlixitongyunwei1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-poll-copy"></span>
            <div class="name">
              问卷调查
            </div>
            <div class="code-name">.icon-poll-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaxun1"></span>
            <div class="name">
              查询
            </div>
            <div class="code-name">.icon-chaxun1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenpi4"></span>
            <div class="name">
              审批
            </div>
            <div class="code-name">.icon-shenpi4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingxianpingyou"></span>
            <div class="name">
              04 评先评优
            </div>
            <div class="code-name">.icon-pingxianpingyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingxianpingyou1"></span>
            <div class="name">
              04 评先评优
            </div>
            <div class="code-name">.icon-pingxianpingyou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenpi5"></span>
            <div class="name">
              审批
            </div>
            <div class="code-name">.icon-shenpi5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenqing1"></span>
            <div class="name">
              申请
            </div>
            <div class="code-name">.icon-shenqing1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bangfuguanli"></span>
            <div class="name">
              帮扶管理
            </div>
            <div class="code-name">.icon-bangfuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingcaihuodong3"></span>
            <div class="name">
              精彩活动
            </div>
            <div class="code-name">.icon-jingcaihuodong3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fukuanshenqing1"></span>
            <div class="name">
              付款申请
            </div>
            <div class="code-name">.icon-fukuanshenqing1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiezhufu"></span>
            <div class="name">
              写祝福
            </div>
            <div class="code-name">.icon-xiezhufu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Release-"></span>
            <div class="name">
              发布
            </div>
            <div class="code-name">.icon-Release-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhigong-zhengshiyuangong"></span>
            <div class="name">
              职工-正式员工
            </div>
            <div class="code-name">.icon-zhigong-zhengshiyuangong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jifenfafang"></span>
            <div class="name">
              积分发放
            </div>
            <div class="code-name">.icon-jifenfafang
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangjiantou"></use>
                </svg>
                <div class="name">上箭头</div>
                <div class="code-name">#icon-shangjiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiajiantou"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#icon-xiajiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xin1"></use>
                </svg>
                <div class="name">信</div>
                <div class="code-name">#icon-xin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiang1"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-fenxiang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-houtui2"></use>
                </svg>
                <div class="name">后退</div>
                <div class="code-name">#icon-houtui2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu"></use>
                </svg>
                <div class="name">删 除</div>
                <div class="code-name">#icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangdian"></use>
                </svg>
                <div class="name">商店</div>
                <div class="code-name">#icon-shangdian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiche"></use>
                </svg>
                <div class="name">汽车</div>
                <div class="code-name">#icon-qiche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiche-copy"></use>
                </svg>
                <div class="name">汽车</div>
                <div class="code-name">#icon-qiche-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dizhi"></use>
                </svg>
                <div class="name">地址</div>
                <div class="code-name">#icon-dizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lipin1"></use>
                </svg>
                <div class="name">礼品</div>
                <div class="code-name">#icon-lipin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanbi"></use>
                </svg>
                <div class="name">关 闭</div>
                <div class="code-name">#icon-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixin1"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#icon-weixin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixin"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#icon-weixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pengyouquan"></use>
                </svg>
                <div class="name">朋友圈</div>
                <div class="code-name">#icon-pengyouquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zan"></use>
                </svg>
                <div class="name">点赞</div>
                <div class="code-name">#icon-zan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yueduliang"></use>
                </svg>
                <div class="name">阅读量</div>
                <div class="code-name">#icon-yueduliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucang2"></use>
                </svg>
                <div class="name">收 藏</div>
                <div class="code-name">#icon-shoucang2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianzan"></use>
                </svg>
                <div class="name">点赞</div>
                <div class="code-name">#icon-dianzan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xie-copy"></use>
                </svg>
                <div class="name">写</div>
                <div class="code-name">#icon-xie-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiang"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-fenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoximorencopy"></use>
                </svg>
                <div class="name">消息 默认 </div>
                <div class="code-name">#icon-xiaoximorencopy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucang"></use>
                </svg>
                <div class="name">收 藏 (1)</div>
                <div class="code-name">#icon-shoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxi1"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon-xiaoxi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxi"></use>
                </svg>
                <div class="name">消 息</div>
                <div class="code-name">#icon-xiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-unif044"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-unif044</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinaixin1"></use>
                </svg>
                <div class="name">心 爱心</div>
                <div class="code-name">#icon-xinaixin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinaixin"></use>
                </svg>
                <div class="name">心 爱心</div>
                <div class="code-name">#icon-xinaixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengji"></use>
                </svg>
                <div class="name">升级</div>
                <div class="code-name">#icon-shengji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti-"></use>
                </svg>
                <div class="name">爱心</div>
                <div class="code-name">#icon-weibiaoti-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhankai-copy"></use>
                </svg>
                <div class="name">收回</div>
                <div class="code-name">#icon-zhankai-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhankai"></use>
                </svg>
                <div class="name">展开</div>
                <div class="code-name">#icon-zhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianshen"></use>
                </svg>
                <div class="name">健身 (3)</div>
                <div class="code-name">#icon-jianshen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yundongjianshenicon"></use>
                </svg>
                <div class="name">运动健身icon</div>
                <div class="code-name">#icon-yundongjianshenicon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon02"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#icon-icon02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpi6"></use>
                </svg>
                <div class="name">审批</div>
                <div class="code-name">#icon-shenpi6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shalou1"></use>
                </svg>
                <div class="name">沙漏</div>
                <div class="code-name">#icon-shalou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shalou"></use>
                </svg>
                <div class="name">沙漏</div>
                <div class="code-name">#icon-shalou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rili"></use>
                </svg>
                <div class="name">日历</div>
                <div class="code-name">#icon-rili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xin"></use>
                </svg>
                <div class="name">心 爱心</div>
                <div class="code-name">#icon-xin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wode1"></use>
                </svg>
                <div class="name">我 的</div>
                <div class="code-name">#icon-wode1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-houtui1"></use>
                </svg>
                <div class="name">后退</div>
                <div class="code-name">#icon-houtui1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangqing"></use>
                </svg>
                <div class="name">详情</div>
                <div class="code-name">#icon-xiangqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangji"></use>
                </svg>
                <div class="name">相机</div>
                <div class="code-name">#icon-xiangji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chengyuan"></use>
                </svg>
                <div class="name">成员</div>
                <div class="code-name">#icon-chengyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-_"></use>
                </svg>
                <div class="name">就业帮扶</div>
                <div class="code-name">#icon-_</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kunnanbangfu"></use>
                </svg>
                <div class="name">困难帮扶</div>
                <div class="code-name">#icon-kunnanbangfu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongyibangfulaoren"></use>
                </svg>
                <div class="name">公益帮扶老人</div>
                <div class="code-name">#icon-gongyibangfulaoren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingzhunbangfu"></use>
                </svg>
                <div class="name">精准帮扶</div>
                <div class="code-name">#icon-jingzhunbangfu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bangfuzijin"></use>
                </svg>
                <div class="name">帮扶资金</div>
                <div class="code-name">#icon-bangfuzijin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yincangxiangqing"></use>
                </svg>
                <div class="name">隐藏详情</div>
                <div class="code-name">#icon-yincangxiangqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yemiantongyong-neirongyincang"></use>
                </svg>
                <div class="name">隐藏详情</div>
                <div class="code-name">#icon-yemiantongyong-neirongyincang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yemiantongyong-neirongzhankai"></use>
                </svg>
                <div class="name">页面通用-内容展开</div>
                <div class="code-name">#icon-yemiantongyong-neirongzhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huabanfuben"></use>
                </svg>
                <div class="name">兑换码</div>
                <div class="code-name">#icon-huabanfuben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huodong1"></use>
                </svg>
                <div class="name">活动</div>
                <div class="code-name">#icon-huodong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuan_"></use>
                </svg>
                <div class="name">亲友圈</div>
                <div class="code-name">#icon-ziyuan_</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duihuanma"></use>
                </svg>
                <div class="name">兑换码</div>
                <div class="code-name">#icon-duihuanma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinger"></use>
                </svg>
                <div class="name">婴儿</div>
                <div class="code-name">#icon-yinger</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinhunrili"></use>
                </svg>
                <div class="name">新婚日历</div>
                <div class="code-name">#icon-xinhunrili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yueryingerbaby-naipingfeedingb"></use>
                </svg>
                <div class="name">育儿婴儿baby-奶瓶feeding b</div>
                <div class="code-name">#icon-yueryingerbaby-naipingfeedingb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sport"></use>
                </svg>
                <div class="name">健身</div>
                <div class="code-name">#icon-sport</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanying"></use>
                </svg>
                <div class="name">观影</div>
                <div class="code-name">#icon-guanying</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaren"></use>
                </svg>
                <div class="name">家人</div>
                <div class="code-name">#icon-jiaren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanyu"></use>
                </svg>
                <div class="name">关于</div>
                <div class="code-name">#icon-guanyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuichu"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#icon-tuichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-password"></use>
                </svg>
                <div class="name">修改密码</div>
                <div class="code-name">#icon-password</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qianjin"></use>
                </svg>
                <div class="name">前进</div>
                <div class="code-name">#icon-qianjin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jifen"></use>
                </svg>
                <div class="name">积分</div>
                <div class="code-name">#icon-jifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiugai"></use>
                </svg>
                <div class="name">修改</div>
                <div class="code-name">#icon-xiugai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinhangzhong"></use>
                </svg>
                <div class="name">进行中</div>
                <div class="code-name">#icon-jinhangzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinhangzhong1"></use>
                </svg>
                <div class="name">进行中</div>
                <div class="code-name">#icon-jinhangzhong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-houtui"></use>
                </svg>
                <div class="name">后退</div>
                <div class="code-name">#icon-houtui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liulancishu"></use>
                </svg>
                <div class="name">浏览次数</div>
                <div class="code-name">#icon-liulancishu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lipin"></use>
                </svg>
                <div class="name">礼品</div>
                <div class="code-name">#icon-lipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suozi"></use>
                </svg>
                <div class="name">锁子</div>
                <div class="code-name">#icon-suozi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hbzf"></use>
                </svg>
                <div class="name">伙伴祝福</div>
                <div class="code-name">#icon-hbzf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-falvfagui"></use>
                </svg>
                <div class="name">法律法规</div>
                <div class="code-name">#icon-falvfagui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiagou"></use>
                </svg>
                <div class="name">架构</div>
                <div class="code-name">#icon-jiagou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yemian-copy-copy"></use>
                </svg>
                <div class="name">首页-选中</div>
                <div class="code-name">#icon-yemian-copy-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhufu"></use>
                </svg>
                <div class="name">祝福</div>
                <div class="code-name">#icon-zhufu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gonghui"></use>
                </svg>
                <div class="name">工会</div>
                <div class="code-name">#icon-gonghui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-julebuhuodong"></use>
                </svg>
                <div class="name">俱乐部活动</div>
                <div class="code-name">#icon-julebuhuodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huodong"></use>
                </svg>
                <div class="name">活动</div>
                <div class="code-name">#icon-huodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhengce"></use>
                </svg>
                <div class="name">政策</div>
                <div class="code-name">#icon-zhengce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wode"></use>
                </svg>
                <div class="name">我 的</div>
                <div class="code-name">#icon-wode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hudongzhongxin"></use>
                </svg>
                <div class="name">互动中心</div>
                <div class="code-name">#icon-hudongzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gerenzhongxin-xuanzhong"></use>
                </svg>
                <div class="name">个人中心 - 选中</div>
                <div class="code-name">#icon-gerenzhongxin-xuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fabu"></use>
                </svg>
                <div class="name">发布</div>
                <div class="code-name">#icon-fabu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caiwubaobiao"></use>
                </svg>
                <div class="name">财务报表</div>
                <div class="code-name">#icon-caiwubaobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liuyanzhufu"></use>
                </svg>
                <div class="name">留言祝福</div>
                <div class="code-name">#icon-liuyanzhufu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingcaihuodong"></use>
                </svg>
                <div class="name">精彩活动</div>
                <div class="code-name">#icon-jingcaihuodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yusuanguanli"></use>
                </svg>
                <div class="name">DPI-预算管理</div>
                <div class="code-name">#icon-yusuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon"></use>
                </svg>
                <div class="name">职工之家</div>
                <div class="code-name">#icon-icon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-club"></use>
                </svg>
                <div class="name">俱乐部</div>
                <div class="code-name">#icon-club</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-julebuguanli"></use>
                </svg>
                <div class="name">俱乐部管理</div>
                <div class="code-name">#icon-julebuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caijixinxitongji"></use>
                </svg>
                <div class="name">采集信息统计</div>
                <div class="code-name">#icon-caijixinxitongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yubaodaoxinxitongji"></use>
                </svg>
                <div class="name">预报到信息统计</div>
                <div class="code-name">#icon-yubaodaoxinxitongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-teshufenmianweiwenjin"></use>
                </svg>
                <div class="name">特殊分娩慰问金</div>
                <div class="code-name">#icon-teshufenmianweiwenjin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti3"></use>
                </svg>
                <div class="name">我的信息</div>
                <div class="code-name">#icon-weibiaoti3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiafangweiwen"></use>
                </svg>
                <div class="name">家访慰问</div>
                <div class="code-name">#icon-jiafangweiwen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1xinwen"></use>
                </svg>
                <div class="name">新闻</div>
                <div class="code-name">#icon-1xinwen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weiwen"></use>
                </svg>
                <div class="name">慰问</div>
                <div class="code-name">#icon-weiwen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fabu1"></use>
                </svg>
                <div class="name">发布</div>
                <div class="code-name">#icon-fabu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pingyou"></use>
                </svg>
                <div class="name">评优</div>
                <div class="code-name">#icon-pingyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinwen"></use>
                </svg>
                <div class="name">新闻</div>
                <div class="code-name">#icon-xinwen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ccgl-shuxingtiaozheng-9"></use>
                </svg>
                <div class="name">调整</div>
                <div class="code-name">#icon-ccgl-shuxingtiaozheng-9</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yusuanguanli1"></use>
                </svg>
                <div class="name">预算管理</div>
                <div class="code-name">#icon-yusuanguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpi"></use>
                </svg>
                <div class="name">审批</div>
                <div class="code-name">#icon-shenpi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tubiaozhizuomoban"></use>
                </svg>
                <div class="name">付款审批</div>
                <div class="code-name">#icon-tubiaozhizuomoban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fabu2"></use>
                </svg>
                <div class="name">发布</div>
                <div class="code-name">#icon-fabu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpi1"></use>
                </svg>
                <div class="name">审批</div>
                <div class="code-name">#icon-shenpi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wode-tongzhishezhi"></use>
                </svg>
                <div class="name">我的-通知设置</div>
                <div class="code-name">#icon-wode-tongzhishezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenqing"></use>
                </svg>
                <div class="name">申请</div>
                <div class="code-name">#icon-shenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shiwushenqing"></use>
                </svg>
                <div class="name">事物申请</div>
                <div class="code-name">#icon-shiwushenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fabu3"></use>
                </svg>
                <div class="name">发布</div>
                <div class="code-name">#icon-fabu3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodexinxi"></use>
                </svg>
                <div class="name">我的信息</div>
                <div class="code-name">#icon-wodexinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-denglu-huiyuan"></use>
                </svg>
                <div class="name">登录-会员</div>
                <div class="code-name">#icon-denglu-huiyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinwen1"></use>
                </svg>
                <div class="name">新闻</div>
                <div class="code-name">#icon-xinwen1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fukuanshenqing"></use>
                </svg>
                <div class="name">付款申请</div>
                <div class="code-name">#icon-fukuanshenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanxian"></use>
                </svg>
                <div class="name">权限</div>
                <div class="code-name">#icon-quanxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fagui"></use>
                </svg>
                <div class="name">法规</div>
                <div class="code-name">#icon-fagui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaose"></use>
                </svg>
                <div class="name">角色</div>
                <div class="code-name">#icon-jiaose</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-drxx03"></use>
                </svg>
                <div class="name">角色菜单</div>
                <div class="code-name">#icon-drxx03</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhigongzhijia"></use>
                </svg>
                <div class="name">职工之家</div>
                <div class="code-name">#icon-zhigongzhijia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-faguichaxun"></use>
                </svg>
                <div class="name">法规查询</div>
                <div class="code-name">#icon-faguichaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tiaozheng"></use>
                </svg>
                <div class="name">调整</div>
                <div class="code-name">#icon-tiaozheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodexinxi-"></use>
                </svg>
                <div class="name">我的信息-</div>
                <div class="code-name">#icon-wodexinxi-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiyeyuangong"></use>
                </svg>
                <div class="name">企业员工</div>
                <div class="code-name">#icon-qiyeyuangong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodewenjuan"></use>
                </svg>
                <div class="name">我的问卷</div>
                <div class="code-name">#icon-wodewenjuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodehuodong"></use>
                </svg>
                <div class="name">我的活动</div>
                <div class="code-name">#icon-wodehuodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hebingxingzhuang"></use>
                </svg>
                <div class="name">发布</div>
                <div class="code-name">#icon-hebingxingzhuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-julebu"></use>
                </svg>
                <div class="name">俱乐部</div>
                <div class="code-name">#icon-julebu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpi2"></use>
                </svg>
                <div class="name">审批</div>
                <div class="code-name">#icon-shenpi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpi3"></use>
                </svg>
                <div class="name">审批</div>
                <div class="code-name">#icon-shenpi3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjuantiaocha"></use>
                </svg>
                <div class="name">问卷调查</div>
                <div class="code-name">#icon-wenjuantiaocha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jlb"></use>
                </svg>
                <div class="name">俱乐部</div>
                <div class="code-name">#icon-jlb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fagui1"></use>
                </svg>
                <div class="name">法规</div>
                <div class="code-name">#icon-fagui1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sysManage"></use>
                </svg>
                <div class="name">系统管理</div>
                <div class="code-name">#icon-sysManage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingcaihuodong1"></use>
                </svg>
                <div class="name">精彩活动</div>
                <div class="code-name">#icon-jingcaihuodong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanli"></use>
                </svg>
                <div class="name">D系统管理</div>
                <div class="code-name">#icon-guanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinwen2"></use>
                </svg>
                <div class="name">新闻</div>
                <div class="code-name">#icon-xinwen2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjuantiaocha-"></use>
                </svg>
                <div class="name">问卷调查</div>
                <div class="code-name">#icon-wenjuantiaocha-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiwenxinxi"></use>
                </svg>
                <div class="name">新闻</div>
                <div class="code-name">#icon-xiwenxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuzhijiagou"></use>
                </svg>
                <div class="name">组织架构</div>
                <div class="code-name">#icon-zuzhijiagou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingcaihuodong2"></use>
                </svg>
                <div class="name">精彩活动</div>
                <div class="code-name">#icon-jingcaihuodong2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaose1"></use>
                </svg>
                <div class="name">角色</div>
                <div class="code-name">#icon-jiaose1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongguanli"></use>
                </svg>
                <div class="name">系统管理</div>
                <div class="code-name">#icon-xitongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-julebu1"></use>
                </svg>
                <div class="name">俱乐部</div>
                <div class="code-name">#icon-julebu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-faguix"></use>
                </svg>
                <div class="name">法规@1x</div>
                <div class="code-name">#icon-faguix</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanbuxinwen"></use>
                </svg>
                <div class="name">新闻</div>
                <div class="code-name">#icon-quanbuxinwen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuzhijiagou1"></use>
                </svg>
                <div class="name">组织架构</div>
                <div class="code-name">#icon-zuzhijiagou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongguanli1"></use>
                </svg>
                <div class="name">系统管理</div>
                <div class="code-name">#icon-xitongguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodehuodong1"></use>
                </svg>
                <div class="name">我的活动</div>
                <div class="code-name">#icon-wodehuodong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuzhijiagou2"></use>
                </svg>
                <div class="name">组织架构</div>
                <div class="code-name">#icon-zuzhijiagou2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-juejinlianmengappyihuifu-"></use>
                </svg>
                <div class="name">新闻</div>
                <div class="code-name">#icon-juejinlianmengappyihuifu-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiyeweihu"></use>
                </svg>
                <div class="name">企业维护</div>
                <div class="code-name">#icon-qiyeweihu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaxun"></use>
                </svg>
                <div class="name">查询</div>
                <div class="code-name">#icon-chaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuanguanlixitongyunwei"></use>
                </svg>
                <div class="name">资源管理系统运维</div>
                <div class="code-name">#icon-ziyuanguanlixitongyunwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wode-tongzhi"></use>
                </svg>
                <div class="name">我的-通知</div>
                <div class="code-name">#icon-wode-tongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caiwubaobiao1"></use>
                </svg>
                <div class="name">财务报表</div>
                <div class="code-name">#icon-caiwubaobiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaosecaidanguanli"></use>
                </svg>
                <div class="name">角色菜单管理</div>
                <div class="code-name">#icon-jiaosecaidanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenqingcopy1"></use>
                </svg>
                <div class="name">申请 copy</div>
                <div class="code-name">#icon-shenqingcopy1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-julebuqia"></use>
                </svg>
                <div class="name">俱乐部卡</div>
                <div class="code-name">#icon-julebuqia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinwen3"></use>
                </svg>
                <div class="name">新闻</div>
                <div class="code-name">#icon-xinwen3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodeshenqing"></use>
                </svg>
                <div class="name">我的申请</div>
                <div class="code-name">#icon-wodeshenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongguanli2"></use>
                </svg>
                <div class="name">系统管理</div>
                <div class="code-name">#icon-xitongguanli2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fabu4"></use>
                </svg>
                <div class="name">发布</div>
                <div class="code-name">#icon-fabu4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuan"></use>
                </svg>
                <div class="name">发布</div>
                <div class="code-name">#icon-ziyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bangfushenqing"></use>
                </svg>
                <div class="name">帮扶申请</div>
                <div class="code-name">#icon-bangfushenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-julebu2"></use>
                </svg>
                <div class="name">俱乐部</div>
                <div class="code-name">#icon-julebu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianminfuwu1"></use>
                </svg>
                <div class="name">低保慰问</div>
                <div class="code-name">#icon-bianminfuwu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodehuodong2"></use>
                </svg>
                <div class="name">我的活动</div>
                <div class="code-name">#icon-wodehuodong2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bangfushenqing1"></use>
                </svg>
                <div class="name">帮扶申请</div>
                <div class="code-name">#icon-bangfushenqing1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weiwenguanli_suolingdao"></use>
                </svg>
                <div class="name">慰问管理_所领导</div>
                <div class="code-name">#icon-weiwenguanli_suolingdao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weiwenguanli_guanliyuan"></use>
                </svg>
                <div class="name">慰问管理_管理员</div>
                <div class="code-name">#icon-weiwenguanli_guanliyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weiwenguanli_neiqin"></use>
                </svg>
                <div class="name">慰问管理_内勤</div>
                <div class="code-name">#icon-weiwenguanli_neiqin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan1"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#icon-caidan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-denglu-huiyuanming-hui"></use>
                </svg>
                <div class="name">登录-会员名-灰</div>
                <div class="code-name">#icon-denglu-huiyuanming-hui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhangfukuanhuidan-"></use>
                </svg>
                <div class="name">银行付款回单-01</div>
                <div class="code-name">#icon-yinhangfukuanhuidan-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dibaoweiwen"></use>
                </svg>
                <div class="name">低保慰问</div>
                <div class="code-name">#icon-dibaoweiwen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuanguanlixitongyunwei1"></use>
                </svg>
                <div class="name">资源管理系统运维</div>
                <div class="code-name">#icon-ziyuanguanlixitongyunwei1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-poll-copy"></use>
                </svg>
                <div class="name">问卷调查</div>
                <div class="code-name">#icon-poll-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaxun1"></use>
                </svg>
                <div class="name">查询</div>
                <div class="code-name">#icon-chaxun1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpi4"></use>
                </svg>
                <div class="name">审批</div>
                <div class="code-name">#icon-shenpi4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pingxianpingyou"></use>
                </svg>
                <div class="name">04 评先评优</div>
                <div class="code-name">#icon-pingxianpingyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pingxianpingyou1"></use>
                </svg>
                <div class="name">04 评先评优</div>
                <div class="code-name">#icon-pingxianpingyou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpi5"></use>
                </svg>
                <div class="name">审批</div>
                <div class="code-name">#icon-shenpi5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenqing1"></use>
                </svg>
                <div class="name">申请</div>
                <div class="code-name">#icon-shenqing1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bangfuguanli"></use>
                </svg>
                <div class="name">帮扶管理</div>
                <div class="code-name">#icon-bangfuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingcaihuodong3"></use>
                </svg>
                <div class="name">精彩活动</div>
                <div class="code-name">#icon-jingcaihuodong3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fukuanshenqing1"></use>
                </svg>
                <div class="name">付款申请</div>
                <div class="code-name">#icon-fukuanshenqing1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiezhufu"></use>
                </svg>
                <div class="name">写祝福</div>
                <div class="code-name">#icon-xiezhufu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Release-"></use>
                </svg>
                <div class="name">发布</div>
                <div class="code-name">#icon-Release-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhigong-zhengshiyuangong"></use>
                </svg>
                <div class="name">职工-正式员工</div>
                <div class="code-name">#icon-zhigong-zhengshiyuangong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jifenfafang"></use>
                </svg>
                <div class="name">积分发放</div>
                <div class="code-name">#icon-jifenfafang</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
